<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>病例详情</title>
  <script src="../../public/assets/lib/flexible/flexible_css.js"></script>
  <script src="../../public/assets/lib/flexible/flexible.js"></script>
  <link href="../../styles/css/base.css" rel="stylesheet"/>
  <link href="../../styles/less/records-detail.css" rel="stylesheet"/>
  <link rel="icon" href="../favicon.ico">
  <link rel="stylesheet prefetch" href="../../public/assets/photoswipe/photoswipe.css">
  <link rel="stylesheet prefetch" href="../../public/assets/photoswipe/default-skin/default-skin.css">
  <script src="../../public/assets/photoswipe/photoswipe.js"></script>
  <script src="../../public/assets/photoswipe/photoswipe-ui-default.min.js"></script>
</head>

<body>
<div class="content">
  <div class="header">
    <a class="btnback iconfont icon-fenxiang center-y" href="javascript:history.back();">
    </a>
    <h2>病例详情</h2>
  </div>
  <div class="record-title" id="detail-top">
    <!-- tempalte-->
  </div>
  <div class="record-content">
    <ul class="record-detail" id="record-content">
      <!-- tempalte-->
    </ul>
  </div>
  <div class="pictures">
    <img src="../../public/image/banner.png" alt="">
  </div>
  <div class="comment-add">
    <div class="comment">
      <textarea id="comTextArea"  name="comment" ></textarea>
    </div>
    <div id="comment-btn" class="comment-btn">发<br>&nbsp;<br>布</div>
  </div>
  <div class="comment-list">
    <ul id="comments-list">
      <!-- tempalte-->
    </ul>
  </div>
</div>

</div>
<script id="detail-top-tmpl" type="text/html">
  <div class="left">
      <h6 class="detail__title">{{ title }}</h6>
      <div class="detail__decs">
      <span>时间：</span>
  <span>{{time}}</span>
  </div>
  </div>
  <div class="detail__action">
    {{if isZan}}
    <button class="zan"  data-zan={{iszan}}>
      <i class="iconfont icon-zan1"></i>
      <span class="zan-num" data-count={{zanCount}}>{{zanCount}}</span>
    </button>
    {{else}}
    <button class=""  data-zan={{iszan}}>
      <i class="iconfont icon-zan2"></i>
      <span class="zan-num" data-count={{zanCount}}>{{zanCount}}</span>
    </button>
    {{/if}}
    </button>
  </div>
</script>

<script id="content-tmpl" type="text/html">
  {{each content val i}}
    <li class="record-item">
      <h3 class="record-item-title">{{val.subtitle}}</h3>
      <div class="record-item-content">
        <ul>
          <li class="task">任务列表1-item</li>
          <li class="task">任务列表1-item</li>
          <li class="task">任务列表1-item</li>
        </ul>
      </div>
    </li>
  {{/each}}
</script>
<script id="comments-tmpl" type="text/html">
  {{each comments val i}}
  <li class="comment-item clearfix">
    <div class="avatar fl">
      <i class="iconfont icon-usertie"></i>
    </div>
    <div class="left fl">
      <p><span class="name">{{val.name}}</span><span class=time>发表于 {{val.time}}</span></p>
      <p>{{val.content}}</p>
    </div>
    <div class="right">
          <span class="info">
            <span class="zan" data_zan="unZan">点赞（<i>{{zanCount}}</i>）</span>
            <a class="reply" href="/project/views/public/medical-record-detail.html">回复（<i>{{replay}}</i>）</a>
          </span>
    </div>
  </li>
  {{/each}}
</script>

<script src="../../public/assets/require/require.js"></script>
<script src="../../public/assets/require/config.js"></script>
<script>

  require(['records-detail'])
</script>
</body>

</html>